requirejs.config({
	paths : {
		jquery : "jquery-1.11.3",
		cookies :"cookie"
	}
})
requirejs(["jquery","cookies"],function($,cookie){
		$(function(){
		$("#public_top").load("header.html");
		$("#bottomBox").load("footer.html");
		var arr = getCookie("prolist");
//		var arr2 = JSON.parse(arr);

		var str = "";
		var num = 0;
		var total = 0;
//		console.log(arr);
	for( var i = 0;i<arr.length;i++){
		shopinfo = arr[i];
		total += arr[i].count * arr[i].price;
		//console.log(arr[i]);
		num+=arr[i].count;
//		str+='<tr>'+
//	                		'<td>'+
//	                			'<a  href=""><img src="../images/'+ shopinfo.url + '" alt="" /></a>'+
//	                			'<a href="">'+shopinfo.introduce+'</a>'+
//	                		'</td>'+
//	                		'<td>'+shopinfo.price+'</td>'
//	                		'<td>1</td>'
//	                		'<td class="count" '+
//	                			'data-url="'+ shopinfo.url +'" '+'data-introduce="'+ shopinfo.introduce +'" '
//								'data-price="'+ shopinfo.price +'" data-count="'+ shopinfo.count +'"'+								
//								'>'+
//	                			'<span class="updateCount" data-number="1">+</span>'+
//	                			'<span class="shop-count">'+ shopinfo.count +'</span>'+
//	                			'<span class="updateCount" data-number="-1">-</span>'+
//	                		'</td>'+
//	                		'<td>16</td>'
//	                		'<td class="sumPrice">'+ (shopinfo.count * shopinfo.price) +'元</td>'+
//	                		'<td class="fl delBtn"><</td>'+
//	                	'</tr>'

	str+=`<tr>
	                		<td class="pro-data">
	                			<a href=""><img src="${arr[i].url}" alt="" /></a>
	                			<a href="" class="introduce">${arr[i].introduce}</a>
	                		</td>
	                		<td>￥${arr[i].price}</td>
	                		<td>1</td>
	                		<td>
	                			<span class="updataCount">-</span>
	                			<input class="shop-count" type="text" value="${arr[i].count}"/>
	                			<span class="updataCount">+</span>
	                		</td>
	                		<td>16</td>
	                		<td class="pro-total">￥${arr[i].price*arr[i].count}</td>
	                		<td><span>删除<span></td>
	                	</tr>`
	
	$(".pro-count span").text(num);
	$(".pro-count").next("td").find("span").text(num*16);
	$(".count span").text(total);
	$(".buyProduct table tbody").html(str);
	
	
	}
	
$(".updataCount").click(function(){
	 				
		for( let i = 0 ; i < arr.length ; i++ ){
		//确定操作的商品编号
		var url = $(this).parent().parent().find($(".pro-data img")).attr("src");
		var introduce = $(this).parent().parent().find($(".introduce")).html();
		 //获取操作符
		var sign = $(this).html();
		var shopnum = $(this).parent().find($(".shop-count")).val();
		if( shopnum == 1 && sign == "-" ){ //如果商品数量为1  并且是 - 不在执行后面代码
				return;
		}
		if(  introduce == arr[i].introduce && url == arr[i].url ){
				console.log(arr[i].introduce)
				console.log(arr[i].url)
				sign == "+" ? arr[i].count++ : arr[i].count--;
				
				
				//重新改写cookie数据
				setCookie("prolist",JSON.stringify(arr));
				//操作页面
				$(this).parent().find(".shop-count").val( arr[i].count );
				
				$(this).parent().parent().find(".pro-total").html( arr[i].count*arr[i].price + "元" );
//				break;
				
		}
		
			
		}
		
		})
	
	
	})
})

//  value值  类型是一个  对象
function setCookie(key,value,days){
	var now = new Date();
	now.setTime(now.getTime() + days*24*60*60*1000 ) 
	document.cookie=key+"="+value + ";expires="+now;
}
function getCookie(key){
	//如果cookie中有数据  才可以获取数据
	if(document.cookie){		
		var cookieInfo = document.cookie;
		//cookie中可能会包含一些 额外的数据，这些数据特点是由   分号和空格间隔的
		//所以 先将 分号和空格  替换掉   替换成  ;
		var arr = cookieInfo.replace(/;\s/g,';').split(";");	//  split(" ;")
		for(var i=0;i<arr.length;i++){
			item = arr[i].split("=");
			if(item[0] == key){
				brr = item[1];
				return JSON.parse(brr);//如果找到 我们想要的键，将值转成数组返回 
			}
		}
		//如果cookie中 没有我们想获取的键值，直接返回一个空数组
		return [];
	}
	//如果cookie中没有数据，直接返回一个空数组
	return [];
}
function removeCookie(key){
	setCookie(key,"",-1);
}
//function jiesuan(){
//		var proCount = 0;
//		var proMoney = 0;
//		$(".ck:checked").each(function(){
//			proCount += Number($(this).parent().parent().find(".shop-count").html());
//			proMoney += parseInt( $(this).parent().parent().find(".sumPrice").html() );
//		})
//		$(".count2").html( proCount );
//		$(".money2").html( proMoney );
//}